﻿input[type=checkbox]
{
    display: none;
}

form > input[type=text], form > input[type=password]
{
    padding: 0.2em;
    margin: 0;
    border: 1px solid #EEE;
    height: 25px;
    font-size: 1em;
    width: 10em;
}

form > input[type=checkbox] + label
{
    text-indent: 20px;
    line-height: 20px;
    color: red;
    /*background:*/
}

form > input[type=checkbox] + label > span.box
{
    display: inline-block;
    width: 13px;
    height: 13px;
    position: relative;
    border: 2px solid #FFF;
    top: 3px;
    left: 1px;
    margin-right: 0.2em;
}

form > input[type=checkbox]:checked + label > span.box
{
    background: url("/Images/controls.png") no-repeat;
    background-position-y: -155px;
    background-position-x: -3px;
}

form > input[type=checkbox]:disabled + label > span.box
{
    border: 2px solid #BABABA;
    background-color: #E5E5E5;
}

form > input[type=checkbox]:checked + label
{
    color: white;
}

form > input[type=submit]
{
    border: none;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    color: rgba(255, 255, 255, 0.00);
    background: url("/Images/arrow_30.png") no-repeat 0 -90px;
}

form > input[type=submit]:hover, form input[type=submit]:focus
{
    outline: none;
    background-position-y: -120px;
}

form > input[type=submit]:disabled
{
    background-position-y: -60px;
}
